<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>$even:获取事件对象,事件源,事件传参</title>
    <script src="../../js/vue/vue.js"></script>
</head>
<body>
<div id="app">
    <!-- vue封装的事件对象,当触发事件时系统会自动创建事件对象并赋值给全局变量$event,其中变量$event变量名是固定的不能改变-->
    <button v-for="u in user" @click="checkMe($event,u)">点我</button>
</div>
<script>
    var app = new Vue({
        el: '#app',
        data: {
            user:
                [
                    {name: "曹阿蛮", age: 100},
                    {name: "荀彧", age: 80},
                    {name: "刘阿斗", age: 10}
                ]
        },
        methods: {
            checkMe: function (e,name,age) {
                alert(e);
                console.info(e);
                // 在vue中获取事件源必须使用currentTarget
                console.log(e.currentTarget);
                // 在vue中this表示的是vue的事例对象,如this==app打印出来是true
                console.log(this);
                console.log(this === app);
                console.log(name,age);
            }
        }
    });
</script>
</body>
</html>